$(function () {
    var form = layui.form
    var layer = layui.layer
    // 获取文章的信息渲染到页面
    initArtCate()

    function initArtCate() {
        $.ajax({
            type: 'GET',
            url: '/my/article/cates',
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg(res.message)
                }

                var html = template('initArt', res)
                $('#atrTb').html(html)
            }

        })
    }
    // 为添加类别绑定点击事件
    var addIndex = null
    $('#addArtCate').on('click', function () {
        // 设置弹出层
        addIndex = layer.open({
            type: 1,
            area: ['500px', '250px'],
            title: '添加文章',
            content: $('#addArtTpl').html()
        });
    })
    // 监听分类添加表单的submit事件
    $('body').on('submit', '#addArtForm', function (e) {
        e.preventDefault()
        console.log($(this).serialize());
        $.ajax({
            type: 'POST',
            url: '/my/article/addcates',
            data: $(this).serialize(),
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg(res.message)
                }
                layer.msg(res.message)
                // 重新渲染界面
                initArtCate()
                // 关闭弹出层
                layer.close(addIndex)
            }
        })
    })
    // 为编辑按钮绑定点击事件弹出层
    var editIndex = null
    $('body').on('click', '#edit', function () {
        editIndex = layer.open({
            type: 1,
            area: ['500px', '250px'],
            title: '编辑文章',
            content: $('#editArtTpl').html()
        });
        // 渲染当前弹出层的信息
        var id = $(this).attr('data-id')
        $.ajax({
            type: 'GET',
            url: '/my/article/cates/' + id,
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg(res.status)
                }
                form.val('editArtForm', res.data)
            }
        })
    })
    // 监听编辑弹出层的提交事件
    $('body').on('submit', '#editArtForm', function (e) {
        e.preventDefault()
        $.ajax({
            type: 'POST',
            url: '/my/article/updatecate',
            data: $(this).serialize(),
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg(res.message)
                }
                layer.msg(res.message)
                // 渲染页面
                initArtCate()
                layer.close(editIndex)
                $('#editArtForm')[0].reset()
            }
        })
    })
    // 为删除按钮设置弹出层
    var removeIndex = null
    $('body').on('click', '#remove', function () {
        var id = $(this).attr('data-id')
        removeIndex = layer.confirm('确定要删除吗?', {
            icon: 3,
            title: '提示'
        }, function (index) {
            $.ajax({
                type: 'GET',
                url: '/my/article/deletecate/' + id,
                success: function (res) {
                    if (res.status !== 0) {
                        return layer.msg(res.message)
                    }
                    layer.msg(res.message)
                    initArtCate()
                    layer.close(removeIndex)
                }
            })




            layer.close(removeIndex);
        });


    })







})